<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Examples</title>
		<link href="02.css" rel="stylesheet">
		<script type="text/javascript" src="JS/jquery-3.1.0.js"></script>
		<script type="text/javascript" src="JS/02.js"></script>
	</head>
	<body>
		<div id="test1">
			<h1>Selected Sharespeare Plays</h1>
			<ul id="selected-plays">
				<li>Comedies
					<ul>
						<li><a href="/asyoulikeit/">As You Like It</a></li>
						<li>All's Well That Ends Well</li>
						<li>A Midsummer Night's Dream</li>
						<li>Twelfyh Night</li>
					</ul>
				</li>
				<li>Tragedies
					<ul>
						<li><a href="hamlet.pdf">Hamlet</a></li>
						<li>Macbeth</li>
						<li>Romeo and Juliet</li>
					</ul>
				</li>
				<li>Histories
					<ul>
						<li>Henry IV (<a href="mailto:henryiv@king.co.uk">email</a>)
							<ul>
								<li>Part I</li>
								<li>Part II</li>
							</ul>
						</li>
						<li><a href="http://www.shakespeare.co.uk/henryv.htm">Henry V</a></li>
						<li>Richard II</li>	
					</ul>
				</li>
			</ul>
		</div>
		<div id="test2">
			<h2>Snakespeare's Plays</h2>
			<table>
				<tr>
					<td>As You Like It</td>
					<td>Comedy</td>
					<td></td>
				</tr>
				<tr>
					<td>All's Well that Ends Well</td>
					<td>Comedy</td>
					<td>1601</td>
				</tr>
				<tr>
					<td>Hamlet</td>
					<td>Tragedy</td>
					<td>1604</td>
				</tr>
				<tr>
					<td>Macbeth</td>
					<td>Tragedy</td>
					<td>1606</td>
				</tr>
				<tr>
					<td>Romeo and Juliet</td>
					<td>Tragedy</td>
					<td>1595</td>
				</tr>
				<tr>
					<td>Henry IV,Part I</td>
					<td>History</td>
					<td>1596</td>
				</tr>
				<tr>
					<td>Henry V</td>
					<td>History</td>
					<td>1599</td>
				</tr>
			</table>
			<h2>Snakespeare's Sonnets</h2>
			<table>
				<tr>
					<td>The Fair Youth</td>
					<td>1-126</td>
				</tr>
				<tr>
					<td>The Dark Lady</td>
					<td>127-152</td>
				</tr>
				<tr>
					<td>The Rival Poet</td>
					<td>78-86</td>
				</tr>
			</table>
		</div>
	</body>
</html>